<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <link rel="stylesheet" type="text/css" href="css/reset.css">
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <title></title>
</head>
<body>
<!-- 导航条 -->
  <div class="nav_index">
     <ul class="nav_ul"> 
         <li>扫描
            <div class="subtitle">
                <p>项目清单</p>
                <p>扫描队列</p>
                <p>扫密记录</p>
            </div>
         </li>
         <li>快捷方式
            <div class="subtitle">
                <p>新建项目</p>
                <p>全部扫描</p>
            </div>
         </li>
         <li>数据
            <div class="subtitle">
                <p>扫描报告</p>
                <p>扫描报表</p>
            </div>
         </li>
         <li>设置
            <div class="subtitle">
                <p>基础设置</p>
                <p>集成设置</p>
                <p>数据设置</p>
            </div>
         </li>
         <li>树形图</li>
         <li>用户
            <div class="subtitle">
                <p>团队</p>
                <p>用户</p>
            </div>
         </li>
     </ul> 
     <!-- 个人信息 -->
     <div class="mes">
         <div class="user_mes">
             <div class="ueser_top">
                 <img src="images/none.png" class="top_img">
                 <span class="top_mes">
                     <p>用户：张三</p>
                     <p>身份：管理员</p>
                 </span>
             </div>
             <div class="bottom_mes">
                 <ul>
                     <li class="edit">修改资料</li>
                     <li><a href="login.html">切换账号</a></li>
                     <li><a href="login.html">退出登录</a></li>
                 </ul>
             </div>
         </div>
     </div>
  </div>
  <!-- 修改资料 -->
  <div class="edit_account">
      <p>修改资料</p>
      <ul class="edit_item"> 
          <li>
             <span style="letter-spacing:5.5px">用户名</span>：
             <input type="text"/>
          </li>
          <li>
             <span>电子邮箱</span>：
             <input type="text"/>
          </li>
          <li>
             <span  style="letter-spacing:15.5px">密码</span>：
             <input type="text"/>
          </li>
          <li>
             <span>密码确认</span>：
             <input type="text"/>
          </li>
      </ul>
      <div class="select_pro">
          <button class="cancel">
              <img src="images/cancel.png" style="width:15px">
              取消
          </button>
          <button class="ensure">
              <img src="images/ensure.png">
              确认
          </button>
      </div>
  </div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/vue.js"></script>
<script src="https://cdn.bootcss.com/vue-resource/1.5.0/vue-resource.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/layer/2.4/layer.js"></script>
<script type="text/javascript">
// 验证错误提示
  // layer.msg("此功能暂未开放", {icon: 0, time: 2000});
</script>
</html>